import { useStore } from "@/store/middle/index";
import { Button } from "antd";
import MiddleDemo1 from "./devToolDemo";
import PersistDemo from "./persistDemo";
// 中间件
const MiddleDemo: React.FC = () => {
  const { count, increment } = useStore();
  return (
    <div>
      <h1>中间件</h1>
      <p>count: {count}</p>
      <Button onClick={increment}>cout++</Button>

      <MiddleDemo1></MiddleDemo1>
      <PersistDemo></PersistDemo>
    </div>
  );
};

export default MiddleDemo;
